<template>
    <div>
        <van-nav-bar title="天启影院购票" fixed />
        <div style="height: 40px;"></div>
        <van-tabs v-model:active="active">
            <van-tab title="正在上映">

                <div style="width: 100%;  height: 190px;">
                    <dl>
                        <dt><img src="../../images/1.png" alt=""></dt>
                        <dd style="margin-left: 152px; margin-top: -200px;">
                            <h2>逆行人生</h2>
                        </dd>
                        <dd style="margin-left: 152px; margin-top: -150px;">观众评分 7.6</dd>
                        <dd style="margin-left: 350px; margin-top: -150px;"><button>购票</button></dd>
                        <dd style="margin-left: 152px; margin-top: -120px;">主演:徐峥 辛芷蕾 王绕 贾冰 .....</dd>
                        <dd style="margin-left: 152px; margin-top: -80px;">中国大陆| 121分钟</dd>
                    </dl>
                </div>

                <div style="width: 100%;  height: 190px;">
                    <dl>
                        <dt><img src="../../images/2.png" alt=""></dt>
                        <dd style="margin-left: 152px; margin-top: -200px;">
                            <h3>抓娃娃</h3>
                        </dd>
                        <dd style="margin-left: 152px; margin-top: -150px;">观众评分 7.6</dd>
                        <dd style="margin-left: 350px; margin-top: -150px;"><button>购票</button></dd>
                        <dd style="margin-left: 152px; margin-top: -120px;">主演: 沈腾 玛丽 世鹏 .....</dd>
                        <dd style="margin-left: 152px; margin-top: -80px;">中国大陆| 133分钟</dd>
                    </dl>
                </div>

                <div style="width: 100%;  height: 190px;">
                    <dl>
                        <dt><img src="../../images/3.png" alt=""></dt>
                        <dd style="margin-left: 152px; margin-top: -200px;">
                            <h3>白蛇：浮生</h3>
                        </dd>
                        <dd style="margin-left: 152px; margin-top: -150px;">观众评分 7.6</dd>
                        <dd style="margin-left: 350px; margin-top: -150px;"><button>购票</button></dd>
                        <dd style="margin-left: 152px; margin-top: -120px;">主演：张泽 杨天响 .....</dd>
                        <dd style="margin-left: 152px; margin-top: -80px;">中国大陆| 133分钟</dd>
                    </dl>
                </div>

                <div style="width: 100%;  height: 190px;">
                    <dl>
                        <dt><img src="../../images/4.png" alt=""></dt>
                        <dd style="margin-left: 152px; margin-top: -200px;">
                            <h3>名侦探柯南：百万美元.....</h3>
                        </dd>
                        <dd style="margin-left: 152px; margin-top: -150px;">观众评分 7.6</dd>
                        <dd style="margin-left: 350px; margin-top: -150px;"><button>购票</button></dd>
                        <dd style="margin-left: 152px; margin-top: -120px;">主演:高山南 山崎和佳.....</dd>
                        <dd style="margin-left: 152px; margin-top: -80px;">中国大陆| 133分钟</dd>
                    </dl>
                </div>

            </van-tab>
            <van-tab title="即将上映">内容 2</van-tab>
        </van-tabs>
    </div>
</template>

<script setup>

</script>

<style>
dl dd{
    float: left;
}
</style>